<div class="goods-module recommend-module">
  <div class="module-title">
    <h1>{{title}}</h1>
  </div>
  <div class="goods-list module-content seed-flexbox seed-flexbox-content-between">
    <div class="goods-card half" *ngFor="let item of goods;let i=index;"
        [routerLink]="[item.nextStepUrl]">
      <div class="goods-container" [class.firstGoods]="i===0">
        <div class="cover" [style.height]="layoutStore.columnType.two.imgHeight+'px'">
          <seed-img [background]="item.goodsThumbUrl" [defaultImg]="'middle'"
                    [lazyLoadImg]="item.goodsMiddleUrl"></seed-img>
        </div>
        <div class="content">
          <div class="title-box">
            <h2 class="title">{{item.goodsFullName}}</h2>
          </div>
          <p class="price-box">
            <i class="symbol" *ngIf="item.goodsLowestPrice>0">￥</i>
            <span class="price" [class.free]="item.goodsLowestPrice===0">{{item.goodsLowestPrice|money}}</span>
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
